<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="modal inmodal in" id="order-detail-modal" th:fragment="detail" tabindex="-1" role="dialog"
     aria-hidden="true"
     style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span><span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title">维修单明细</h6>
            </div>
            <small class="font-bold">
                <div class="modal-body">
                    <form class="form-horizontal" id="project-tech-form">
                        <fieldset>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">订单号：</label>

                                <div class="col-sm-4">
                                    <input type="text" value="S2017070538370700001" class="form-control" disabled/>
                                </div>
                                <label class="col-sm-2 control-label">企业名称：</label>

                                <div class="col-sm-4">
                                    <input type="text" value="慧镕电子" class="form-control" disabled/>
                                </div>

                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">企业名称：</label>

                                <div class="col-sm-4">
                                    <input type="text" value="慧镕电子" class="form-control"/>
                                </div>
                                <label class="col-sm-2 control-label">用户名：</label>

                                <div class="col-sm-4">
                                    <input type="text" value="用户名" class="form-control" disabled/>
                                </div>

                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">维修单状态：</label>

                                <div class="col-sm-4">
                                    <select class="form-control">
                                        <option selected>待确认</option>
                                        <option selected>待收货</option>
                                        <option selected>已入库</option>
                                        <option selected>维修中</option>
                                        <option selected>已出库</option>
                                        <option selected>用户待收货</option>
                                        <option selected>用户已收货</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-4  col-sm-offset-2">
                                    <button class="btn btn-w-m btn-default" type="button">取消</button>
                                    <button class="btn btn-w-m btn-primary" type="button" id="saveNewBill">保存
                                    </button>
                                </div>
                            </div>

                        </fieldset>
                    </form>

                    <div class="example">
                        <div class="nav-tabs-horizontal nav-tabs-inverse" data-approve="nav-tabs">
                            <ul class="nav nav-tabs nav-tabs-solid" role="tablist">
                                <li class="" role="presentation">
                                    <a data-toggle="tab" href="#exampleIconifiedTabsOne" aria-controls="exampleIconifiedTabsOne" role="tab" aria-expanded="false">
                                        <i class="icon wb-user" aria-hidden="true"></i> 商品列表
                                    </a>
                                </li>
                                <li role="presentation" class="active">
                                    <a data-toggle="tab" href="#exampleIconifiedTabsTwo" aria-controls="exampleIconifiedTabsTwo" role="tab" aria-expanded="true">
                                        <i class="icon wb-plugin" aria-hidden="true"></i> 已发货
                                    </a>
                                </li>
                                <li class="dropdown hidden" role="presentation" style="opacity: 1;"><a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false"><span class="caret"></span> 更多</a><ul class="dropdown-menu" role="menu"></ul></li></ul>
                            <div class="tab-content padding-top-15">
                                <div class="tab-pane" id="exampleIconifiedTabsOne" role="tabpanel">
                                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper form-inline" role="grid">
                                        <table class="table table-striped table-bordered table-hover dataTables-example dataTable"
                                               id="DataTables_goodlist" aria-describedby="DataTables_Table_0_info">
                                            <thead>
                                            <tr role="row">
                                                <th class="sorting_desc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业名称：激活排序列升序" style="width: 200px;">
                                                    商品名称
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业法人：激活排序列升序" style="width: 100px;">商品描述
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 100px;">单价
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 100px;">总数量
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 150px;">已发货
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 150px;">未发货
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="gradeA odd">
                                                <td class="sorting_1">intel i7 </td>
                                                <td class="">四核心八线程 3.46GHz</td>
                                                <td class="center ">2000</td>
                                                <td class="center ">10</td>
                                                <td class="center ">5</td>
                                                <td class="center ">5</td>
                                            </tr>
                                            <tr class="gradeA odd">
                                                <td class="sorting_1">intel i7 </td>
                                                <td class="">四核心八线程 3.46GHz</td>
                                                <td class="center ">2000</td>
                                                <td class="center ">10</td>
                                                <td class="center ">5</td>
                                                <td class="center ">5</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="tab-pane active" id="exampleIconifiedTabsTwo" role="tabpanel">
                                    <div id="DataTables_Table_1_wrapper" class="dataTables_wrapper form-inline" role="grid">
                                        <table class="table table-striped table-bordered table-hover dataTables-example dataTable"
                                               id="DataTables_express_list" aria-describedby="DataTables_Table_0_info">
                                            <thead>
                                            <tr role="row">
                                                <th class="sorting_desc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业名称：激活排序列升序" style="width: 200px;">
                                                    商品名称
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业法人：激活排序列升序" style="width: 100px;">商品描述
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 100px;">快递公司名称
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 100px;">快递单号
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="企业电话：激活排序列升序" style="width: 150px;">发货数量
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                                    colspan="1" aria-label="" style="width: 100px;">操作
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="gradeA odd">
                                                <td class="sorting_1">intel i7 </td>
                                                <td class="">四核心八线程 3.46GHz</td>
                                                <td class="center ">顺丰速运</td>
                                                <td class="center ">SN20170705142850000001</td>
                                                <td class="center ">5</td>
                                                <td class="center ">
                                                    <a class="btn btn-primary btn-detail" data-id="">明细</a>
                                                </td>
                                            </tr>
                                            <tr class="gradeA even">
                                                <td class="sorting_1">intel i7 </td>
                                                <td class="">四核心八线程 3.46GHz</td>
                                                <td class="center ">顺丰速运</td>
                                                <td class="center ">SN20170705142850000001</td>
                                                <td class="center ">5</td>
                                                <td class="center ">
                                                    <a class="btn btn-primary btn-detail" data-id="">明细</a>
                                                </td>
                                            </tr>
                                            <tr class="gradeA odd">
                                                <td class="sorting_1">intel i7 </td>
                                                <td class="">四核心八线程 3.46GHz</td>
                                                <td class="center ">顺丰速运</td>
                                                <td class="center ">SN20170705142850000001</td>
                                                <td class="center ">5</td>
                                                <td class="center ">
                                                    <a class="btn btn-primary btn-detail" data-id="">明细</a>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
                </div>
            </small>
        </div>
        <small class="font-bold">
        </small>
    </div>
    <small class="font-bold"></small>
</div>
</body>
</html>">
